
@use '../__common/fx' as *;
@use '../__common/base' as *;
@use '../__conf' as *;

.btn-pri
    @extend .bg-pri
    @extend .c-pri-btn
    @extend .c-pri-shd
    @extend .fx-aii-bg-pri
    @extend .fx-fcs-shd-pri
    &:hover
        border-color: $pri
    &:active, &:focus, &:focus-visible
        border-color: $pri

.btn-pri-out
    @extend .fx-aii-bg-pri
    @extend .fx-fcs-shd-pri
    @extend .c-pri-shd
    border-color: $pri
    @extend .pri
    &:hover
        color: #fff
    &:active, &:focus, &:focus-visible
        color: #fff

.btn-pri-txt
    @extend .fx-aii-bg-pri
    @extend .fx-fcs-shd-pri
    &:hover
        color: $c-pri-btn-hv
    &:active, &:focus, &:focus-visible
        color: $c-pri-btn-fcs
